<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta
		  name="viewport"
		  content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover"
		/>
		<!-- <meta content="maximum-scale=1.2,user-scalable=yes" name="viewport"> -->
		<title>代码阅读</title>
		<link rel="stylesheet" href="css/highlight.min.css" />
		<script src="js/beautify-js.min.js"></script>
		<script src="js/beautify-css.min.js"></script>
		<script src="js/beautify-html.min.js"></script>
		<script src="js/highlight.min.js"></script>
		<script type="text/javascript" src="js/uni-webview-js@1.5.4.js"></script>
		<style>
			html, body {
				margin: 0;
				padding: 0;
			}
			/* 针对高亮后的代码块，确保内容自动换行 */
			.hljs {
			  width: 100vw;
			  overflow-x: auto;
			  padding: 0; /* 移除内边距 */
			}
		</style>
	</head>
	<body>
		<div id="content" class="content"></div>
	</body>
	<script>
		function setValue (value, mode) {
			var text = value.substring(1, value.length-1).replace(/\'/g, '&aposync;')
			const beautifyOptions = {
			  indent_size: 2,       // 缩进大小
			  indent_char: ' ',     // 缩进字符
			  max_preserve_newlines: 5, // 最大保留换行数
			  preserve_newlines: true,  // 保留换行符
			  // wrap_line_length: 80, // 可选：每行最大字符数，超过会换行
			  indent_scripts: 'normal' // 脚本内容缩进方式
			};
			// 使用 js-beautify 格式化 内容
			const formattedText = mode == 'js' ? js_beautify(text, beautifyOptions) : mode == 'css' ? css_beautify(text, beautifyOptions) : html_beautify(text, beautifyOptions)
			// 将格式化后的 内容 放入准备好的容器中，注意转义
			// 假设你有一个 <pre><code id="targetCode"></code></pre> 结构
			document.getElementById('content').innerHTML = `
				<pre><code data-noescape>
				   ${formattedText.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/</g, '&gt;').replace(/\"/g, '&quot;')}
				</code></pre>
			`
			hljs.highlightAll();
		}
		function setTheme (theme) {
			document.body.style.filter = theme == 'dark' ? 'invert(1)' : ''
		}
		window.onload = function () {
			uni.postMessage({ data: { ready: 1 } });
		}
	</script>
</html>